<template>
	<view class="my_count">
		<view class="my_count_avatar">
			<tm-avatar :src='avatar'  size='120'></tm-avatar>
		</view>
		<view class="my_count_btn">
				<tm-button size='s' bgcolor='#88bfb8' round='10'>普卡会员></tm-button>
		</view>
		<tm-grouplist ref="listitem"  :shadow="24" :round="10" :padding="[42, 42]">
			<tm-listitem v-for="(item, index) in data" :key="index" :title="item.title" :value='item.value' ></tm-listitem>
		</tm-grouplist>
		<view class="quite_btn">
			<tm-button :block='true' bgcolor='#ffffff' font-color='black' @click='show=true'>退出登录</tm-button>
		</view>
		<tm-dialog v-model="show" content="确定退出登录？" @confirm='confrimq()' @cancel='cancelq()'></tm-dialog>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				avatar:require('@/static/images/avatar.png'),
				data:[{title:'身份认证',value:'待认证'},{title:'驾照认证',value:'待认证'},{title:'邮箱号',value:'1594058210@qq.com'},],
				show:false
			}
		},
		methods: {
			confrimq(){
				this.show=false
				this.quite()
			},
			cancelq(){
				this.show=false
			},
			quite(){
				uni.clearStorageSync();
				uni.setStorageSync('USERSTATUS',false)
				uni.switchTab({
					url:'/pages/my/my'
				})
			}
		}
	}
</script>

<style lang="scss" scoped>
.my_count{
	.my_count_avatar{
		text-align: center;
	}
	.my_count_btn{
		text-align: center;
		margin: 10px 0;
	}
}
</style>
